<template>
  <div>
    <div id="carousel-example-generic" class="carousel slide PCCarousel" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" v-for="(item,index) in carouselList" :class="{'active':index==0}" data-slide-to="index"></li>
      </ol>

      <div class="carousel-inner" role="listbox">
        <div class="item" v-for="(item,index) in carouselList" :key="index"   :class="{'active':index==0}">
          <img :src="firstString+item.imgurl" alt="...">
        </div>
      </div>
    </div>

    <div class="basicClass">
      <img src="../assets/img/index/title1.png" alt="">
    </div>

    <div class="mobileInput">
      <form>
        <div class="form-group">
          <input type="text" class="form-control" placeholder="请输入您的手机号码" v-model="telephone">
        </div>
        <div class="form-group">
          <button class="form-control" type="submit" @click.prevent="join" data-toggle="modal" data-target="#myModal">免费领取试听课</button>
        </div>
      </form>
    </div>

    <div class="commonFrame">
      <img src="../assets/img/index/title2.png" alt="">
    </div>

    <div class="practiceClass">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="titleIntro">
              <span><em></em><em></em></span>
              <h1>会运营。少走弯路。</h1>
              <h2>长沙学淘宝，就来就问网络</h2>
              <h3>Internet Business</h3>
            </div>
            <div class="contentIntro">
              <h4>就问语录</h4>
              <div class="contentMore">
                <dl>
                  <dt>这是一个互联网的时代，这是一个移动大数据的世界，你如何玩转? </dt>
                  <dd>从传统到打破传统，你不需要苦苦等待，不懂电商？没事，你只需要向前走一步，面向就问电商运营课程，我们一步一步指导，为你创造财富利益的最大化，我们的宗旨是让电商运营少走弯路!</dd>
                </dl>
                <a><strong>更多语录</strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></a>

              </div>
            </div>
            <form class="form-inline">
              <div class="form-group">
                <label class="sr-only" for="name">姓名</label>
                <input type="text" class="form-control" id="name" placeholder="姓名" v-model="username">
              </div>
              <div class="form-group">
                <label class="sr-only" for="telephone">电话</label>
                <input type="text" class="form-control" id="telephone" placeholder="电话" v-model="telephone">
              </div>
              <div class="form-group">
                <label class="sr-only" for="selectValue">请选择</label>
                <select class="form-control areaSelect" id="selectValue">
                  <option>雨花校区</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </div>
              <button type="submit" class="btn btn-default" @click.prevent="join" data-toggle="modal" data-target="#myModal"  >立即报名</button>
            </form>
          </div>
          <div class="col-md-6">
            <div class="rightTitle">
              <div class="rightList">
                <h1><strong>淘宝实训课程</strong><span>五年大店经验讲师，手把手教学!</span></h1>
              </div>
            </div>
            <div class="listItems">
              <ul>
                <li>
                  <p>
                    <span></span><strong>电商运营实操班</strong>
                    <a><strong>课程介绍</strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></a>
                  </p>
                  <dl>
                    <dt>电商运营基础、运营高级</dt>
                    <dd>适合对象：电商运营零基础</dd>
                  </dl>
                </li>
                <li>
                  <p>
                    <span></span><strong>电商精英班</strong>
                    <a><strong>课程介绍</strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></a>
                  </p>
                  <dl>
                    <dt>电商运营高级、前沿实操技巧</dt>
                    <dd>适合对象：有开店经验想提升人员</dd>
                  </dl>
                </li>
                <li>
                  <p>
                    <span></span><strong>电商美工班</strong>
                    <a><strong>课程介绍</strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></a>
                  </p>
                  <dl>
                    <dt>电商运营高级、前沿实操技巧</dt>
                    <dd>适合对象：有开店经验想提升人员</dd>
                  </dl>
                </li>
                <li>
                  <p>
                    <span></span><strong>企业孵化</strong>
                    <a><strong>课程介绍</strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></a>
                  </p>
                  <dl>
                    <dt>手把手运营指导，美工、摄影支持</dt>
                    <dd>适合对象：店铺遇到瓶颈，有待提升</dd>
                  </dl>
                </li>
              </ul>
              <h2>随到随学 <span>，手把手教学!</span></h2>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container JoinRightNow">
      <div class="row">
        <div class="col-md-3 col-xs-3 JoinBg">
          <div>
            <img src="../assets/img/index/circle1.png" alt="">
          </div>
          <h1>
            <p><img src="../assets/img/index/time.png" alt=""></p>
            <span>课时</span>
            <strong>14+</strong>
          </h1>
        </div>
        <div class="col-md-3 col-xs-3 JoinBg">
          <div>
            <img src="../assets/img/index/circle2.png" alt="">
          </div>
          <h1>
            <p><img src="../assets/img/index/tel.png" alt=""></p>
            <span>课程</span>
            <strong>30+</strong>
          </h1>
        </div>
        <div class="col-md-3 col-xs-3 JoinBg">
          <div>
            <img src="../assets/img/index/circle3.png" alt="">
          </div>
          <h1>
            <p><img src="../assets/img/index/freeTrain.png" alt=""></p>
            <span>免费复训</span>
            <strong>1年</strong>
          </h1>
        </div>
        <div class="col-md-3 col-xs-3 JoinBg">
          <div>
            <img src="../assets/img/index/circle4.png" alt="">
          </div>
          <h1>
            <p><img src="../assets/img/index/guide.png" alt=""></p>
            <span>终生</span>
            <strong>指导</strong>
          </h1>
        </div>
      </div>
    </div>

    <div class="lastestInfo">
      <h3><img src="../assets/img/index/schedule.png" alt="schedule">最新开班信息</h3>
      <table class="table table-bordered">
        <tr>
          <th>校区名称</th>
          <th>课程名称</th>
          <th>课程时长</th>
          <th>开课时间</th>
          <th>报名</th>
        </tr>
        <tr>
          <td>雨花/开福校区</td>
          <td><a href="#">运营实战班</a></td>
          <td>7天(09:30-17:00)</td>
          <td>2018年3月班报名已开始</td>
          <td><a href="#">点击报名</a></td>
        </tr>
        <tr>
          <td>雨花/开福校区</td>
          <td><a href="#">电商精英班</a></td>
          <td>6天(09:30-17:00)</td>
          <td>2018年3月班报名已开始</td>
          <td><a href="#">点击报名</a></td>
        </tr>
        <tr>
          <td>雨花/开福校区</td>
          <td><a href="#">电商美工班</a></td>
          <td>7天(09:30-17:00)</td>
          <td>2018年3月班报名已开始</td>
          <td><a href="#">点击报名</a></td>
        </tr>
        <tr>
          <td>雨花/开福校区</td>
          <td><a href="#">晚班电商班</a></td>
          <td>18天(18:30-21:00)</td>
          <td>2018年3月班报名已开始</td>
          <td><a href="#">点击报名</a></td>
        </tr>
        <tr>
          <td>雨花/开福校区</td>
          <td><a href="#">企业孵化</a></td>
          <td>14天(09:30-17:00)</td>
          <td>2018年3月班报名已开始</td>
          <td><a href="#">点击报名</a></td>
        </tr>
      </table>
    </div>

    <div class="trainData">
      <h1>
        <img src="../assets/img/index/study.png" alt="study">
      </h1>
      <div>
        <h3>输入手机号码</h3>
        <input type="text">
        <a href="#">免费下载</a>
      </div>
    </div>

    <div class="commonLine">
      <span><em></em><em></em></span>
    </div>

    <div class="commonFrame">
      <img src="../assets/img/index/title3.png" alt="">
    </div>

    <div class="sellNum">
      <h3>双11电商大促，加入年度网销盛典</h3>
      <img src="../assets/img/index/xiaoshoue.png" alt="销售额">
      <img src="../assets/img/index/rightStudy.png" alt="立即学习">
      <img src="../assets/img/index/rightSee.png" alt="立即查看">
    </div>

    <div class="commonLine">
      <span><em></em><em></em></span>
    </div>

    <div class="commonFrame">
      <img src="../assets/img/index/title4.png" alt="">
    </div>

    <div class="Operating">
      <h2>运营小白提升变大神</h2>
      <h3><span>1</span>不会开店 <strong>怎么办?</strong></h3>
      <h4>就问网络专业讲师一对一指导开店</h4>
      <div class="space">
        <img src="../assets/img/index/newShop.png" alt="">
      </div>
      <h3><span>2</span>不懂运营 <strong>怎么办?</strong></h3>
      <h4>7年大店经验讲师传授实用运营知识</h4>
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-xs-12">
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/shop.png" alt="">
                <span class="orange">店铺定位</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>定位核心思维</p>
                <strong>整体差异化，合理的取舍</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/kind.png" alt="">
                <span class="blue">选款测款</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>提高搜索排名，引爆流量</p>
                <strong>好款定天下，好图打江山</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/train.png" alt="">
                <span class="pink">直通车引流</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>人群精准定位，ROI的提升</p>
                <strong>暴力螺旋增长，不刷点击稳定上分</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/achievement.png" alt="">
                <span class="green">成就爆款</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>具备爆款特征，爆款自有道</p>
                <strong>组合拳击指导电商运营技巧</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/taobaoke.png" alt="">
                <span class="lightOrange">玩溜淘宝客</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>网罗各类目优质淘宝客</p>
                <strong>日销百单千单不是梦</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
          </div>
          <div class="col-md-6 col-xs-12">
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/data.png" alt="">
                <span class="pink">数据运营</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>生意参谋的分析和数据维护</p>
                <strong>全面提升淘宝业绩、核心转化率</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/hand.png" alt="">
                <span class="purple">手淘推广</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>进击淘宝手淘主战场</p>
                <strong>开启手淘流量爆涨时代</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/activity.png" alt="">
                <span class="pink">活动推广</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>玩转各种淘宝活动</p>
                <strong>天天特价、淘抢购、淘金币、试用</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/oldCustomer.png" alt="">
                <span class="blue">老客户维护</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>如何建立鱼塘，培养鱼苗，打爆款</p>
                <strong>微信鱼塘营销玩转淘宝</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
            <div class="row">
              <div class="col-md-1 hideItem"></div>
              <div class="col-md-4 col-xs-5">
                <img src="../assets/img/index/titleMaking.png" alt="">
                <span class="blue">标题制作</span>
              </div>
              <div class="col-md-6 col-xs-7">
                <p>如何把30个字的战役做好</p>
                <strong>提高搜索排名，引爆流量</strong>
              </div>
              <div class="col-md-1 hideItem"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="operateZone">
        <div class="operateCont">
          <img src="../assets/img/index/cicle5.png" alt="">
        </div>
        <h3><span>3</span>不懂美工 <strong>怎么办?</strong></h3>
        <h4>美工技巧，从基础入门到熟练运用</h4>
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-xs-6">
              <div class="thumbnail">
                <img src="../assets/img/index/PS.png" alt="">
                <strong>PS神器</strong>
                <span>基础工具，调色技巧，滤镜</span>
              </div>
            </div>
            <div class="col-md-3 col-xs-6">
              <div class="thumbnail">
                <img src="../assets/img/index/decorate.png" alt="">
                <strong>店铺装修</strong>
                <span>PC、无线装修，切片安装 </span>
              </div>
            </div>
            <div class="col-md-3 col-xs-6">
              <div class="thumbnail">
                <img src="../assets/img/index/makingDetails.png" alt="">
                <strong>详情页制作</strong>
                <span>产品详情描述制作，优化</span>
              </div>
            </div>
            <div class="col-md-3 col-xs-6">
              <div class="thumbnail">
                <img src="../assets/img/index/makingPost.png" alt="">
                <strong>海报图制作</strong>
                <span>单品海报，活动海报制作 </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="commonLine">
      <span><em></em><em></em></span>
    </div>

    <div class="commonFrame">
      <img src="../assets/img/index/title5.png" alt="">
    </div>

    <div class="teacherList">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-xs-12">
            <div class="row">
              <div class="col-md-5 col-xs-5">
                <img src="../assets/img/index/teacher1.png" alt="teacher1">
              </div>
              <div class="col-md-7 col-xs-7 lecture">
                <h5>Lecturer</h5>
                <p><strong>高级<span>运营</span>讲师</strong> 刘老师</p>
                <p><strong>授课风格：深入浅出 不一样的电商思维</strong></p>
                <p class="teacharDes">五年电子商务实战经验，精通网络营销和各种推广渠道，擅长淘宝、天猫等多个平台店铺实际运营以及报活动，数据分析，营销策划，直通车推广，爆款打造。深入研究各大电商平台规则趋势，具备把控前瞻性指导能力。数年打造女装金冠店铺实操经验，亲自带队年业绩超千万的天猫店铺，工作实绩十分显著。</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-xs-12">
            <div class="row">
              <div class="col-md-5 col-xs-5">
                <img src="../assets/img/index/teacher2.png" alt="teacher1">
              </div>
              <div class="col-md-7 col-xs-7 lecture">
                <h5>Lecturer</h5>
                <p><strong>首席<span>美工</span>讲师</strong> 邓老师</p>
                <p><strong>授课风格：为人性格温和 授课极其有耐心</strong></p>
                <p class="teacharDes">担任就问电商视觉设计总监，高级美工设计讲师。数年美工设计经验，历练于网页设计、店铺设计等多个岗位，深度研究设计理论，通晓平面设计技能，具有流畅的视觉语言，精准的表达能力和鉴赏能力，丰富的创想能力，对艺术表现力有独到理解，突破虚拟现实表现，实践和理论融会贯通，综合运用，厚积薄发，累积蜕变。</p>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <h4>
            <span>—— 助教老师 ——</span>
          </h4>
        </div>
        <div class="row">
          <div class="col-md-4 col-xs-4">
            <img src="../assets/img/index/teacher3.png" alt="">
            <strong class="teacherName">丹丹<b>老师</b></strong>
          </div>
          <div class="col-md-4 col-xs-4">
            <img src="../assets/img/index/teacher4.png" alt="">
            <strong class="teacherName">阳光<b>老师</b></strong>
          </div>
          <div class="col-md-4 col-xs-4">
            <img src="../assets/img/index/teacher5.png" alt="">
            <strong class="teacherName">阿龙<b>老师</b></strong>
          </div>
        </div>
      </div>
    </div>

    <div class="teacherEnv">
      <h4>
        <span>—— 教学环境 ——</span>
      </h4>
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <div class="circumstance">
              <img src="../assets/img/index/left_01.jpg" alt="教学环境">
              <img src="../assets/img/index/right_01.jpg" alt="教学环境">
              <img src="../assets/img/index/left_02.jpg" alt="教学环境">
              <img src="../assets/img/index/right_02.jpg" alt="教学环境">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 col-xs-12">
            <h4><strong>电商圈子</strong> <img src="../assets/img/index/dot.png" alt=""><span>就问网络-电商学习交流服务一站式平台</span></h4>
            <div class="row" v-for="(item,index) in seekInfoList" :key="index">
              <div class="col-md-12 col-xs-12">
                <div class="row">
                  <div class="col-md-7 col-xs-7">
                    <h5><router-link :to="'/advice/type/0/page/1/id/'+item.id">{{item.title}}</router-link></h5>
                    <span><strong>{{item.look_num}}</strong>浏览</span><span>就问网络</span>
                  </div>
                  <div class="col-md-5 col-xs-5">
                    <img :src="firstString+item.imgurl" alt="" class="imgPic" >
                  </div>
                </div>
              </div>
            </div>
            <a class="knowMore" href="advice.html">查看更多 <img src="../assets/img/index/rightArrow2.png" alt=""></a>
          </div>
          <div class="col-md-6 col-xs-12">
            <h4><strong>服务资源</strong> <img src="../assets/img/index/dot.png" alt=""></h4>
            <div class="dataLine">
              <div class="dataSpace"></div>
              <div class="row">
                <div class="col-md-3 col-xs-3">
                  <a href="electronicPract.html">
                    <img src="../assets/img/index/icon1.png" alt="">
                    <strong>网店培训</strong>
                  </a>
                </div>
                <div class="col-md-3 col-xs-3">
                  <a href="photograph.html">
                    <img src="../assets/img/index/icon2.png" alt="">
                    <strong>摄影外包</strong>
                  </a>
                </div>
                <div class="col-md-3 col-xs-3">
                  <a href="artDesign.html">
                    <img src="../assets/img/index/icon3.png" alt="">
                    <strong>美工外包</strong>
                  </a>
                </div>
                <div class="col-md-3 col-xs-3">
                  <a href="#">
                    <img src="../assets/img/index/icon4.png" alt="">
                    <strong>公开课</strong>
                  </a>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3 col-xs-3">
                  <a href="#"><strong>电商货源</strong></a>
                </div>
                <div class="col-md-9 col-xs-9">
                  <a href="#">搜货网</a>
                  <a href="#">阿里巴巴</a>
                  <a href="#">衣联网</a>
                  <a href="#">淘货源</a>
                  <a href="#">四季青</a>
                  <a href="#">慧聪网</a>
                  <a href="#">义乌购</a>
                  <a href="#">17做网店</a>
                  <a href="#">我要做网店</a>
                  <a href="#">拍酷网</a>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3 col-xs-3">
                  <a href="#"><strong>数据分析</strong></a>
                </div>
                <div class="col-md-9 col-xs-9">
                  <a href="#">生意参谋</a>
                  <a href="#">生e经</a>
                  <a href="#">阿里指数</a>
                  <a href="#">淘宝排行榜</a>
                  <a href="#">情报通</a>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3 col-xs-3">
                  <a href="#"><strong>微商工具</strong></a>
                </div>
                <div class="col-md-9 col-xs-9">
                  <a href="#">微店</a>
                  <a href="#">有赞</a>
                  <a href="#">拍拍微店</a>
                  <a href="#">京东微店</a>
                  <a href="#">微社区</a>
                  <a href="#">微信小店</a>
                  <a href="#">微卖</a>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3 col-xs-3">
                  <a href="#"><strong>跨境电商</strong></a>
                </div>
                <div class="col-md-9 col-xs-9">
                  <a href="#">速卖通</a>
                  <a href="#">亚马逊</a>
                  <a href="#">eBay外贸</a>
                  <a href="#">WISH商户</a>
                  <a href="#">俄罗斯社交</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="studentsCase">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <h4><strong>学员案例</strong> <img src="../assets/img/index/dot.png" alt=""><span>愿意付出就有回报</span></h4>
          </div>
        </div>
        <div class="row caseList">
          <div class="col-md-3 col-xs-6">
            <img src="../assets/img/index/pic4.png" alt="" class="casePic">
            <p><strong>【金殿井天猫旗舰店】</strong><strong>吴老板</strong></p>
            <p>通过在就问网络的学习，天猫旗舰店的腐乳单品月销达到上千以上，就问网络在原有基础提升了视觉形象</p>
            <a href="#">查看店铺<img src="../assets/img/index/rightArrow1.png" alt="" ></a>
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="../assets/img/index/pic5.png" alt="" class="casePic">
            <p><strong>【瑞典行李箱】</strong><strong>段老板</strong></p>
            <p>在就问网络学习淘宝运营和美工，自已拍图上传店铺，练就了运营和美工技能，店铺的代购业务风生水起。</p>
            <a href="#">查看店铺<img src="../assets/img/index/rightArrow1.png" alt=""></a>
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="../assets/img/index/pic6.png" alt="" class="casePic">
            <p><strong>【浙江鑫诚数码】</strong><strong>唐老板</strong></p>
            <p>经历了就问网络的淘宝培训，对淘宝店的运营计划有了清晰的规划</p>
            <a href="#">查看店铺<img src="../assets/img/index/rightArrow1.png" alt=""></a>
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="../assets/img/index/pic7.png" alt="" class="casePic">
            <p><strong>【湖南露泽鲜蔬特卖】</strong><strong>万老板</strong></p>
            <p>在接受了就问网络的系统淘宝培训过后，解决了店铺目前遇到的困境</p>
            <a href="#">查看店铺<img src="../assets/img/index/rightArrow1.png" alt=""></a>
          </div>
        </div>
      </div>
    </div>

    <div class="photos">
      <h5><span>—— 学员照片墙 ——</span></h5>
      <h4>期待您的加入，成为爱学习的家族一员！</h4>
      <img src="../assets/img/index/students.png" alt="">
      <p>（所有学员照片未经允许一律不准转载，盗图必究）</p>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">领取地址</h4>
          </div>
          <div class="modal-body">
            {{loadUrl}}
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    import './../assets/js/index'
    export default {
        name: "index-content",
        data(){
            return{
              firstString:'http://www.gengyong.com.cn',
              carouselList:[],
              seekInfoList:[],
              username:'',
              telephone:'',
              loadUrl:''
            }
        },
        mounted(){
          this.sendCarousel();
          this.sendAdvice();
        },
        methods:{
          sendCarousel(){
            var _this=this;
            this.$http.get('http://www.gengyong.com.cn/api/banner')
              .then(function(res){
                _this.carouselList=res.data.info.pc;
              })
              .catch(function(err){
                console.log(err)
              });
          },
          sendAdvice(){
            var _this=this;
            this.$http.get('http://www.gengyong.com.cn/api/advice-index')
              .then(function(res){
                _this.seekInfoList=res.data.info;
              })
              .catch(function(err){
                console.log(err);
              });
          },
          join(){

            function isPoneAvailable(str) {
              var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
              if (!myreg.test(str)) {
                return false;
              } else {
                return str;
              }
            }

            var phone=isPoneAvailable(this.telephone);
            console.log(phone);

            var area=$('.areaSelect option:selected').text();

            this.$http.get('http://www.gengyong.com.cn/api/get-phone',{
              params:{
                username:this.username,
                phone:phone,
                type:0,
                area:area
              }
            }).then(function(res){
              console.log(res.data);
              this.loadUrl=res.data.info;
              this.username='';
              this.telephone='';
            }.bind(this)).catch(function(err){
              console.log(err);
            });
          }
        }
    }
</script>

<style scoped>

  @import '../assets/css/index.css';
</style>
